技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
4
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
4
篇
Javascript---[ DOM、資料型別 ]---無用小觀念
2017鐵人賽
ucvic
2016-12-16 23:54:13
1368 瀏覽
分享至
DOM
瀏覽器在載入頁面時,即會解析讀取的 HTML 檔案,
針對每個元素建立起對應元素物件,進而產生完整的 DOM 樹狀結構
, Javascript 便是透過 DOM 來與 HTML 做連結互動。( 可將 DOM 視為瀏覽器的 API )
Javascript 可利用 Document 物件提供的屬性及方法來存取或修改 DOM 。
DOM 中除了 HTML 元素之外,亦包含了頁面的
文字內容
。
每個元素皆為獨立的
物件
,可以透過
innerHTML
屬性來讀取或變更其包含的內容。
若通過 Document 物件方法所選取的 DOM 元素物件不存在,方法會
回傳 null 值
。
元素物件預設的
setAttribute
方法,可用於添加屬性或變更屬性的值。( 例:添加 class 或 id )
元素物件預設的
getAttribute
方法,可用於取得屬性的值。
資料型別
資料型別可分成兩類:基本資料型別( primitive type )及物件( object )。
null 用來代表一個
預設應該取得物件,但未取得的情況
。( typeof 值:object )
undefined 用來代表一個
未被賦值定義的情況
。 ( typeof 值:undefined )
NaN 用來表示
運算無法表示正常結果
,若要
判斷是否為 NaN 需利用 isNaN 函式
。( typeof 值:number )
運用 == 、 != 、 >= 、 <= 、 > 、 < 可用於比較不同資料型別, Javascript會自動做型別轉換
。
(
=== 、 !== 適用於比較相同資料型別
)
boolean 值、字串與數字比較時,會被轉換成數字型別。
( 轉換範例:"1" = 1 、 "a" = NaN 、 "" = 0 、 true = 1 、 false = 0 )
boolean 值與字串比較時,boolean 值會先被轉換成數字型別,再把字串同樣轉換成數字型別。
null 與 undefined 比較時,結果會是相等
。
數字 + 字串 的結果會變成 字串 + 字串 。( 例:55 + "66" = "5566" )
Javascript 中有5個 falsey 值: undefined 、 null 、 0 、 "" 、 NaN
。
(除了 true 、 false 、falsey 之外都是 truthy 值)
若對基本資料型別
使用其預設物件的屬性或方法,Javascript會將其暫時轉換成物件
,再轉換為原基本資料型別。( 例:var name = "vic" ; name.length 、 name.split 、 name.toUpperCase..... )
留言
追蹤
檢舉
上一篇
Javascript---[ 陣列、物件 ]---無用小觀念
下一篇
Javascript---[ 事件處理、函式進階 ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
React---[ 自訂元件、props特性 ]---無用小觀念
27
React---[ state 狀態、事件處理 ]---無用小觀念
28
React---[ JSX ]---無用小觀念
29
Git---[ Git 基本觀念 ]
30
30天鐵人賽---[ 參賽心得 ]
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
老婆line被盜用換sin卡也無法拿回帳號使用權
ISO 27001改版輔導顧問公司推薦
怎麼才能免費申請
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
VM以瀏覽器連線至虛擬機器的問題
檔案管理與呼叫資料夾(電腦使用習慣)
win10更改資料夾顏色
AD群組原則與使用者端不同步
Docker打包程式的方式
熱門回答
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
FAT32 有分什麼版本嗎? CCTV 不支持
win10更改資料夾顏色
PC安裝ESXi 8.0備份問題
熱門文章
Vigor Router Firewall NAT 一開全球通,如何做限制,只允許白名單IP通過,甚至敲門再開 TOTP 驗證
你知道駭客如何入侵你的網站嗎?
如何不顯示臉書的贊助商廣告 跟 為你推薦
使用 AWS建立商品管理系統
如何使用AWS AI Service Cards – Amazon Rekognition ?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}